<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
	<meta content="telephone=no" name="format-detection">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	
	<!-- ios私有meta类 -->
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />	
	
	<!--引用SUI Modle资源-->
	<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.5.2/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.5.2/css/sm-extend.min.css">
	
		
	<!--引入本地文件-->
	<link rel="stylesheet" href="css/reset.css" type="text/css">
	<link rel="stylesheet" href="css/normalize.css" type="text/css">
	<link rel="stylesheet" href="css/fitting_part.css" type="text/css">

	
	<title>配件详细</title>
</head>
<body>
	<div class="page">
		<!--页面头部-->
		<header class="bar bar-nav">
			<a href="fitting_area.html" class="icon icon-left pull-left external"></a>
			<h1 class="title">配件详细</h1>
			<a href="user.html" class="icon icon-me pull-right"></a>
		</header>
		
		<!--客服固定图标-->
		<div class="cartfix">
			<a></a>
		</div>
		
		<!--产品介绍 开始-->
		<div class="content">
			
			<!--产品图片 开始-->
			<div class="product-picture">
				<img src="images\commend-text\commend-text.jpg" alt="人人交易" style="width: 16rem;height: 12rem;">
			</div>
			<!--产品图片 结束-->
			
			<!--产品名称 开始-->
			<div class="product-name">
				<p>Apple EarPods 耳机</p>
				<p><span>￥<span id="price">89.00</span></span></p>
				<a href="index.html" class="icon icon-home pull-right external"></a>
			</div>
			<!--产品名称 结束-->
			
			<!--产品信息 开始-->
			<div class="product-information">
				<ul>
					<li>名称：<span>Apple EarPods 耳机</span></li>
					<li>兼容性：<span>iPhone\iPad\iPod</span></li>
					<li>品质：<span>原装拆机闲置</span></li>
					<li>颜色：<span>白</span></li>
					<li>佩戴方式：<span>入耳式</span></li>
					<li>是否线控：<span>是</span></li>
					<li>数量：
						<div>
							<a class="pi-button" onclick="minus_text()">-</a>
							<b class="pi-amount" id="amount">0</b>
							<a  class="pi-button" onclick="add_text()">+</a>
						</div>
					</li>
				</ul>
			</div>
			<!--产品信息 结束-->
			
			<!--服务图片-->
	  		<div class="product-safe">
				  <img width="100%" src="http://img11.hqbcdn.com/activity/b6/8f/b68fc30c6ce8715f86762d854fc0dba0.png">
			</div>
			
			<!--底部部分 开始-->
			<div class="product-foot">
				<div class="pf-head">
					<img src="images/renren1.png">
					<span>— 二手特卖商城 —</span>
				</div>
				
				<div class="pf-button">
					<div class="col-50"><a href="#" class="button button-big button-fill button-danger">客服热线</a></div>	
				</div>
			</div>
			<!--底部部分 结束-->
		</div>
		<!--产品介绍 结束-->
		
		<!--工具栏-->
		<div class="bar bar-tab tools">
			<div id="tools">
				<a class="tab-item" id="tools-money" href="#">
					<p class="tab-label"><span>￥<span id="money">0</span></p>
				</a>
			
				<a class="tab-item" id="tools-buy" href="order.html">
					<p class="tab-label">立即购买</p>
				</a>
				
			
				<!--<a class="tab-item" id="tools-cart"  href="cart.html">
					<span class="icon icon-cart"></span>
				</a>
			
				<a class="tab-item" id="tools-service" href="#">
					<span class="icon icon-emoji"></span>
				</a>-->
				
				<!--<script>
					var w = document.body.clientWidth;
					document.getElementById('tools-money').style.width = " w * 50% ";
					document.getElementById('tools-buy').style.width = " w * 20% ";
					document.getElementById('tools-cart').style.width = " w * 15% ";
					document.getElementById('tools-service').style.width = " w * 15% ";
				</script>-->
			</div>
		</div>
		<!---->
		
	</div>
	
	
	<!--引用SUI Modle资源-->
	<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.5.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.5.2/js/sm-extend.min.js' charset='utf-8'></script>
	
	<!--引用本地资源-->
	<script type='text/javascript' src='js/fitting_part.js' charset='utf-8'></script>

</body>
</html>